<!-- TMPL_VAR NAME=doctype_head -->

  <title>Home - <!-- TMPL_VAR NAME=company_name --></title>

<link rel='stylesheet' type='text/css' charset='utf-8' href="<!-- TMPL_VAR NAME=site_base_url -->stylesheets/mobile.css" media='all' />

<!-- TMPL_VAR NAME=internal_style -->

</head>
<body><!-- Page xhtml based on mobiforge templates. see http://mobiforge.com/starting/story/site-templates for orginals -->
<div id='body'>
  <!-- 
      All pages start with a common header and navigation bar so that users can
      navigate back to earlier pages without needing to scroll right down to the
      bottom of the page. Note that we still provide styling using XHTML
      elements where appropriate rather than by using the equivalent CSS styles. 
      This is so that the pages look their beston devices that do not support 
      CSS.
  -->
<div class="header">
    <img alt="<!-- TMPL_VAR NAME=company_name -->" src="<!-- TMPL_VAR NAME=site_base_url -->images/logo176.gif" width="112" height="50" title="<!-- TMPL_VAR NAME=company_alt -->" /><br />
      <a href="http://opensitemobile.com/" title='OpenSiteMobile'>OSM</a>
    | <a href="http://wurfl.opensitemobile.com/" title='OpenSiteMobile WURFL Perl Data'>OSM WURFL</a>
    |<br />Home Page | <a title='Change display size' href="<!-- TMPL_VAR NAME=cgi_url -->&amp;page=display">Display</a> <!-- TMPL_VAR NAME=display_width -->px
</div>
    <div id='status'><span class='alert'><!-- TMPL_VAR NAME=user_status --></span></div>
  <!-- 
      The page content is sandwiched between the common header and footer. In 
      this case, our content is a set of links to sections. Because the content
      of this page is static, it is sensible to provide access keys so that 
      users can access links immediately. Each section is labelled by the key
      number corresponding to its access key.
  -->
<div class="content">
  <span class="accesskey">1</span> <a href="<!-- TMPL_VAR NAME=cgi_url -->&amp;page=news" accesskey="1">News</a><br />
  Read the latest news about <span class="company"><!-- TMPL_VAR NAME=company_name --></span> and 
  our products.<br />

  <span class="accesskey">2</span> <a href="<!-- TMPL_VAR NAME=cgi_url -->&amp;page=products1" accesskey="2">Our Products</a><br />
  Browse our product portfolio and request further information.<br />

  <span class="accesskey">3</span> <a href="<!-- TMPL_VAR NAME=cgi_url -->&amp;page=customers" accesskey="3">Our Customers</a><br />
  How <span class="company"><!-- TMPL_VAR NAME=company_name --></span> products help our customers succeed.<br />

  <span class="accesskey">4</span> <a href="<!-- TMPL_VAR NAME=cgi_url -->&amp;page=about" accesskey="4">About Us</a><br />
  What does <span class="company"><!-- TMPL_VAR NAME=company_name --></span> do? How can we help you?<br />

  <span class="accesskey">5</span> <a href="<!-- TMPL_VAR NAME=cgi_url -->&amp;page=contact" accesskey="5">Contact Us</a><br />
  Contact information: telephone, email and postal details plus a map of
  our location.
</div>

  <!--
      The common footer provides the copyright statement for your company and a
      second copy of the navigation bar so that users don't need to scroll right
      back to the top.
  -->
<div class="footer">
    © <!-- TMPL_VAR NAME=company_name --> All rights reserved.<br />
    <span class='powered_by'>Powered by <a href="http://opensitemobile.com">MobileSiteOS</a>™</span>
</div>

</div>
</body>
</html>